<template>
  <div class="container">
    <table class="t-order">
      <thead>
      <tr>
        <td>
          近三个月订单


        </td>
        <td>
          订单详情


        </td>
        <td>收货人</td>
        <td>金额</td>
        <td>全部状态</td>
        <td>操作</td>
      </tr>
      </thead>
      <tbody v-for="i in 10" :key="i">
      <tr>
        <td>
          <div class="o-header">
            <span>2017-03-07 13:21:00</span>
            <span>订单号：</span>
            <span>718021455</span>
            <span>大牛的老店</span>
          </div>
        </td>
      </tr>
      <tr>
        <td><a href="">
          <img src="" alt="">
        </a></td>
        <td> <span>
          MIPOW 小巧充电宝便携通用10000毫安创意迷你超薄苹果6 7 8/x移动电源 蓝色
        </span>
        </td>
        <td>
          <div class="s-number">1</div>
        </td>
        <td>
          <div class="s-user">测试</div>
        </td>
        <td>
          <div class="s-totle">
            <span class="totle">总额￥2018</span>
            <span class="pay-type">在线支付</span>
          </div>
        </td>
        <td>
          <div class="s-status">
            <span>已完成</span>
            <span>订单详情</span>
          </div>
        </td>
        <td>
          <div class="s-handle">
            <span><a href="">评价</a>|<a href="">晒单</a></span>
            <span><button type="button">立刻购买</button></span>
          </div>
        </td>
      </tr>
      </tbody>
    </table>
  </div>
</template>
<script>
  export default{
    data(){
      return {
        orderList: [
          {
            id: "12341243",

          }
        ]
      }
    },
    mounted() {
      alert(1)
    },
    head: {
      title: "我的订单"
    }
  }
</script>
<style lang="scss" scoped>
  .container {
    width: 1200px;
    margin: 0 auto;
    .t-order{
      width: 100%;
      border-collapse: collapse;
      text-align: center;
    }
  }
</style>
